table.tree .node-content {
    height: 100%;
    position: relative;
    padding-left: 24px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

/*table.tree .node-content * {*/
    /*float: left;*/
/*}*/

table.tree .node-button {
    width: 15px;
    height: 15px;
    position: absolute;
    left: 3px;
    top: 3px;
    /*border: solid 1px red;*/
}

table.tree tr.parent .node-button {
    cursor: pointer;
}

table.tree .node.parent.expanded .node-button {
    /*background: green;*/
    background: url('../../image/minus.gif') no-repeat;
}

table.tree .node.parent.collapsed .node-button {
    /*background: red;*/
    background: url('../../image/plus.gif') no-repeat;
}

.node-content span.label {
    padding: 0 3px 0 3px;
}

tr.selected .node-content span.label {
    background-color: highlight;
    color: highlighttext;
}

/****/
table.tree {
    outline: none;
}

.node.checked {
    text-decoration: line-through;
    color: #a9a9a9;
}

.node.checked.underline {
    text-decoration: line-through underline;
}

tr.checked.selected .node-content span.label {
    background-color: #a9a9a9;
    /*color:*/
}

table.tree .node {
    cursor: default;
}

/***/
table.tree {
    /*width: 100%;*/
}

table.tree .node.active-todo {
    color: #ff00ff;
}

table.tree .node.selected.active-todo span.label {
    /*background-color: red;*/
    background-color: #ff00ff;
}

/****/

input[type=checkbox] {
    padding: 0;
    margin: 3px 3px 3px 4px;
    position: relative;
    top: 1px;
}

.node.multiline input[type=checkbox] {
    float: left;
    margin-right: 12px;
}

.node.multiline span.label {
    display: inline-block;
}
